<template>
	<view class="content">
		<Nav :nav="nav"><view>
					全部
				</view></Nav>
		<view class="order-part" v-for="i in 5">
			<view class="time">
				下单时间：2020-3-17 13：55
			</view>
			<view class="goods">
				<image
					src="../../static/part-00354-1289.jpg"
					mode=""></image>
			</view>
			<view class="all">
				共一件商品
			</view>
		</view>
	</view>
</template>

<script>
	import Nav from '../../components/navbar.vue'
	export default {
		data() {
			return {
				nav: [{name: '待付款'}, {name:'待配送'},{name:'配送中'} ,{name: '待提货'}, {name: '已提货'}]
			}
		},
		components: {
			Nav
		}
	}
</script>

<style lang="scss" scoped>
	.content {

		.order-part {
			background-color: #fff;
			margin: 20rpx;
			padding: 20rpx;
			border-radius: 30rpx;

			.time {
				padding: 20rpx;
			}
			.all{
				padding:20rpx
			}
			.goods {
				border-bottom: 1px solid #e5e5e5;
				border-top: 1px solid #e5e5e5;
				image {
					width: 200rpx;
					height: 200rpx;
					margin: 20rpx;
				}
			}
		}
	}
</style>
